<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/5/7
  Time: 10:25
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/top.js"></script>
</head>
<body>
<div class="top">
    <div class="company">
        <div>
            <div><img src="${companyModel.logo}"/></div>
            <div>
                <div><img src="../img/icon2_03_uc2a.png" height="30" width="30"/></div>
                <div>${companyModel.phone}</div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div>
            <%--            items  需要循环的数据 只要后台传递到前端接受都需要${}
            var   items里面的每一个对象 需要命名  随便命名 简明知意
            varStatus   状态
            begin 从哪一个对象开始算 遍历
            end  遍历到哪一个结束
            step  步进   每一次相隔多少个遍历一次   {1，2，4，5，6，7，8}
            --%>
            <c:forEach items="${navModels}" var="model" varStatus="status">
                <%--                <c:if test="${status.index%2==0}">--%>
                <div><a href="${model.href}">${model.title}</a></div>
                <%--                </c:if>--%>
                <%--<c:when test=""></c:when>--%>

            </c:forEach>
            <%--            <div><a href="#">网站首页</a></div>--%>
            <%--            <div><a href="company.html">公司介绍</a></div>--%>
            <%--            <div><a href="news.html">新闻介绍</a></div>--%>
            <%--            <div><a href="product.html">产品介绍</a></div>--%>
            <%--            <div><a href="online.html">在线留言</a></div>--%>
            <%--            <div><a href="callus.html">练习我们</a></div>--%>
        </div>
    </div>
    <div class="ad">
        <div>
            <div>品味生活·品味美食
            </div>
            <div>
                <div> 一壶茶 沏出了生活的醇美</div>
                <div>一枝花开出了生活的鲜艳</div>
                <div> 一首诗吟出了生活的酸辛</div>
                <div> 一把火燃烧出了生活的激情</div>
                <div> 一枝笔绘出了人生的五彩缤纷</div>
                <div> 一首歌 唱出了人生的喜怒哀惧</div>
                <div> 生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</div>
            </div>
            <div>
                <div>
                    <div> 品味</div>
                    <div> 生活</div>
                    <div> 品味</div>
                    <div> 美食</div>
                </div>
                <div>星语餐饮给你生活指南</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
